<template>
  <div class="page-wrap p-15">
    <div class="text-center p-b-15 fz-18 fz-b">{{info.title}}</div>
    <div class="p-b-15 c5">{{info.txt}}</div>
  </div>
</template>

<script>
import { pageMixin } from '@/mixins'
import { information } from '@/api'
import Storage from '@/common/Storage'
import { Exception } from '@/common/Exception'

export default {
  mixins: [pageMixin],
  components: {

  },
  data () {
    return {
      id: '',
      type: 'default',
      orderInfo: {},
      info: { id: '' }
    }
  },
  methods: {
    cancel () {
      this.handleFunc(-1)
    },
    allow () {
      this.handleFunc(1)
    },
    async _init_func (options) {
      const { type, order_info = {}, ...info } = await information({ id: this.id, ...options }).then(res => res.data).catch(err => {
        Exception.handle(err)
      })
      this.info = info
      this.orderInfo = order_info
      this.type = type
    }
  },
  onLoad (options) {
    this.id = Storage.get('temp_msg_id')
    this._init_func(options)
  }

}
</script>

<style lang="scss" scoped>
.action {
  margin: 60rpx 50rpx 30rpx;
  display: block;

  .sub-btn {
    background: $fun-primary-color;
    color: #fff;
    height: 90rpx;
    line-height: 90rpx;
    border-radius: 90rpx;
  }
}
.sub-btns {
  width: 250rpx;
}

.backg-h {
  background-color: #eee;
}

.backg-g {
  border: none !important;
  color: #666;
  background-color: $fun-primary-color;
}

.row-item{
  display: flex;
  padding: 8px 0;
  &__label{
    text-align: right;
    padding-right: 10px;
    color: #555;
  }
}
</style>
